<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>jquery</title>
    <meta content="jquery" name="Keywords">
    <!-- 版本1.0a -->
    <!-- <script type="text/javascript" src="./jquery-1.0a/jquery-svn.js"></script>  -->
    <!-- 版本1.0 -->
    <!-- <script type="text/javascript" src="./jquery-1.0/dist/jquery.js"></script>  -->
    <!-- 版本1.0.2 -->
    <script type="text/javascript" src="./jquery-1.0.2/dist/jquery.js"></script> 
    <!--<script type="text/javascript" src="./learnjs.js"></script>-->
    <style>
        .view {
            background-color: red;
            height: 50px;
            width: 100px;
        }
    </style>
</head>
<body >
    <h1 id="test">要学会看jquery的源代码</h1>
    <div class="view">block</div>
    <div>
        <button id="button1">button1</button>
        <button id="button2">button2</button>
        <button id="block_1">隐藏Block</button>
        <button id="block_2">显示Block</button>
    </div>
    <div>
        <input id="input_view"/>
        <div>
            <button id="button1_c">变成按钮</button>
            <button id="button2_c">变成复选框</button>
            <button id="button3_c">变成输入框</button>
            <button id="button4_c">变大</button>
            <button id="button5_c">变小</button>
        </div>
    </div>
</body>
    <script type="text/javascript" src="./jquery_test.js"></script>
</html>